<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>    
<!DOCTYPE html>
<html lang="zh-CN">
  	<head>
	    <meta charset="utf-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="<%=request.getContextPath() %>/bootstarp/css/bootstrap.min.css" rel="stylesheet">
		<link href="<%=request.getContextPath() %>/css/blog.css" rel="stylesheet">
		
		<title>查看博客</title>
	</head>
	<body>
	<div class = "container">
	<div class="blog-header">
			    <h1 class="blog-title">朱超的博客</h1>
			    <p class="lead blog-description">互联网精神——分享！</p>
			</div>
	</div>
	      	
		<div class="blog-masthead">
	      <div class="container">
	        <nav class="blog-nav">
	          <a href="/chaojixiaozhu/blog/index.do" class="blog-nav-item active">首页</a>
	          <a href="/chaojixiaozhu/blog/getBlogByType.do?blogType=1" class="blog-nav-item">技术</a>
	          <a href="/chaojixiaozhu/blog/getBlogByType.do?blogType=2" class="blog-nav-item">生活</a>
	          <a href="/chaojixiaozhu/blog/getBlogByType.do?blogType=3" class="blog-nav-item">工作</a>
	          <a href="#" class="blog-nav-item">关于/资助</a>
	        </nav>
	      </div>
	    </div>
		<div class="container">
		<div class="row">
	        <div class="col-sm-3 blog-sidebar">
	          <div class="sidebar-module sidebar-module-inset">
	            <h4>首页说明</h4>
	            <p>首页主要是展示新加入进来的博客内容。</p>
	          </div>
	          <div class="sidebar-module">
	            <h4>Archives</h4>
	            <ol class="list-unstyled">
	              <li><a href="#">March 2014</a></li>
	              <li><a href="#">February 2014</a></li>
	              <li><a href="#">January 2014</a></li>
	              <li><a href="#">December 2013</a></li>
	              <li><a href="#">November 2013</a></li>
	              <li><a href="#">October 2013</a></li>
	              <li><a href="#">September 2013</a></li>
	              <li><a href="#">August 2013</a></li>
	              <li><a href="#">July 2013</a></li>
	              <li><a href="#">June 2013</a></li>
	              <li><a href="#">May 2013</a></li>
	              <li><a href="#">April 2013</a></li>
	            </ol>
	          </div>
	          <div class="sidebar-module">
	            <h4>友情链接</h4>
	            <ol class="list-unstyled">
	              <li><a href="http://www.iteye.com">ITeye</a></li>
	              <li><a href="http://www.csdn.net">CSDN</a></li>
	              <li><a href="http://www.dreamlu.net">卢春梦</a></li>
	            </ol>
	          </div>
	        </div>
			<div class="col-sm-8 blog-main">
				<!-- 展示最近十篇博客 -->
				<c:forEach var="blog" items="${blogs}">
					<div class="col-xs-12">
		              	<h2>${blog.title}</h2>
						<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> zhuchao 
			            <span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span> <a href="#" class="a_handle">技术</a>
						<p>${blog.remark}…… </p>
              			<p><a role="button" href="/chaojixiaozhu/blog/getBlogId.do?id=${blog.id }" class="btn btn-default">阅读所有 »</a></p>
            		</div>
				</c:forEach>
				
				<!-- 分页 -->
				<nav>
				  <ul class="pagination">
				    <li>
				      <a href="#" aria-label="Previous">
				        <span aria-hidden="true">&laquo;</span>
				      </a>
				    </li>
				    <li><a href="#">1</a></li>
				    <li><a href="#">2</a></li>
				    <li><a href="#">3</a></li>
				    <li><a href="#">4</a></li>
				    <li><a href="#">5</a></li>
				    <li>
				      <a href="#" aria-label="Next">
				        <span aria-hidden="true">&raquo;</span>
				      </a>
				    </li>
				  </ul>
				</nav>
			</div>
		</div>
	</div>
	<footer class="blog-footer">
      <p>生命的光辉不在于永不坠落，在于坠落后又能再度升起——<a href="http://baike.baidu.com/link?url=8MxoBZzjMI3qYEPBw_WBsQSomzQxA-yTmR_qCzNTAOwynJWPCy8LQz6jR_rnKglqF40-MLef9XUJCMvPFx1-jfh6MlO5XxpCkLaqfpH-0cNc4oBILsxp1rU6nBZnE_Tfg_1vq1eg97P-pfZic_T56IY4ZO3IPOFmyQoQR6Nrb4CffpJuMP1eXJkdk7NGvg_6">曼德拉</a></p>
      <p>
        <a href="javascript:void(0)">联系方式：13638630710@163.com</a>
      </p>
    </footer>	
			
	</body>
	<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
	<script src="<%=request.getContextPath() %>/bootstarp/js/bootstrap.min.js"></script>
</html>